body {
  background-color: #fff;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

h1 {
  margin-bottom: 10px;
  padding-left: 20px;
}

.underLine {
  margin-bottom: 2vh;
  height: 5px;
  background-color: var(--themeColor);
}


.topic,
.addTopic {
  border-collapse: collapse;
  margin-bottom: 20px;
}

.yc {
  max-height: 45vh;
  overflow-y: auto;
}

.cue tr td {
  width: 15vw;
  height: 4vh;
  line-height: 4vh;
  text-align: center;
  border: 1px solid black;
  background-color: #e8e8e8;
}

.add-Cue tr td {
  width: 15vw;
  height: 4vh;
  line-height: 4vh;
  text-align: center;
  border: 1px solid black;
  /* background-color: #cccccca7; */
}

.add-Cue input {
  width: 10vw;
  height: 3vh;
  font-size: 16px;
}

tr {
  transition: all 300ms;
}

.top td {
  font-weight: bold;
}

.cue tr:hover,
.add-Cue tr:hover {
  background-color: var(--themeColor);
}

.addCue tr:hover {
  color: #fff;
  background-color: var(--themeColor);
}

.cue tr td#tk {
  text-align: start;
}

/* 添加试题 */
.addCue {
  margin-top: 20px;
}

.addCue tr td {
  padding: 0;
  width: 10vw;
  height: 6vh;
  text-align: center;
  border: 1px solid black;
}

.addCue tr td#tj {
  text-align: start;
}

.top td input {
  width: 10vw;
  height: 3vh;
  font-size: 16px;
  font-weight: bold;
}

td textarea {
  font-size: 16px;
  font-weight: bold;
}